<template>
     
  <div>
    <div class="yuedutop"><img src="@/assets/shape_u112.png" alt="">阅读设置</div> 
    <ul>
        <li>同步阅读进度和想法<div><img src="@/assets/u5486.png" alt=""></div></li>
        <li>发布仅自己见的想法<div><img src="@/assets/u5486.png" alt=""></div></li>
    </ul> 
 </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  created() {},
  computed: {},
  methods: {},
};
</script>
<style lang="less" scoped>
.yuedutop {
  width: 100%;
  height: 6rem;
  font-size: 2rem;
  font-weight: bold;
  padding-top: 1rem;
  border-bottom: 1rem solid rgb(236, 235, 235);
  img {
    margin-left: 1rem;
    margin-right: 13rem;
  }
}
ul {
  width: 100%;
  height: 14rem;

  li {
    width: 100%;
    height: 5rem;
    font-size: 1.4rem;
    padding-left: 1rem;
    padding-top: 1.5rem;
    border-bottom: 0.1rem solid rgb(176, 176, 178);
    position: relative;
    div {
      width: 4rem;
      height: 2rem;
      background-color: rgb(40, 208, 148);
      position: absolute;
      top: 1rem;
      left: 30rem;
      border-radius: 1rem;
      img {
        padding-left: 1.7rem;
      }
    }
  }
}
</style>